<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<Link Rel="ICON NAME" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532090921955&di=8891b3d224a4970d8bcf79c8e1b0295a&imgtype=0&src=http%3A%2F%2Fi2.hdslb.com%2Fbfs%2Fface%2F3e7c3df5a34b86438aa14e6ff66c8fc6ff97c174.jpg">
<title>mySearch</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/music.css" rel="stylesheet">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1467430166_4040916.css">
<script src="http://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <section>
        <!-- 时间立方体 -->
        <div id="cube">
            <div class="box before">
                <p>00:00:00</p>
            </div>
            <div class="box after">
                <p>00:00:00</p>
            </div>
            <div class="box left"></div>
            <div class="box right"></div>
            <div class="box up">
                <p>00:00:00</p>
            </div>
            <div class="box down">
                <p>00:00:00</p>
            </div>
        </div>
        <!-- 搜索框 -->
        <div id="wrap">
            <input type="text" id="search">
            <ul id="list">
            </ul>
        </div>

        <div id="bgm">
            &#9835
            <div id="audio">
                <!-- 歌曲信息 -->
                <div class="wrapper clearfix">
										<audio src= "mp3/bg.mp3"></audio>
                    <!-- <audio src="./"></audio> -->
                    <div class="img fl"></div>
                    <div class="details fl">
                        <p class="musicname" title="">正在搜索</p>
                        <p class="musicer" title="">正在搜索</p>
                    </div>
                </div>
                <!-- 进度条 -->
                <span class="basebar">
                    <span class="progressbar"></span>
                </span>
                <!-- 播放、下一曲、上一曲、音量 -->
                <div class="controls">
                    <div class="play_controls">
                        <span class="m-icon last btn1" title="上一曲"></span>
                        <span class="m-icon play btn2" title="播放/暂停"></span>
                        <span class="m-icon next btn3" title="下一曲"></span>
                    </div>
                    <div class="volume">

                    </div>
                </div>
            </div>
        </div>
    </section>


<script src="js/search.js"></script>
<script src="js/music.js"></script>
</body>
</html>
